<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Espaço Conceitus | Decoração de Interiores</title>
    <script type="text/javascript" src="js/jquery.js"></script>	
    <script type="text/javascript" src="js/cufon-yui.js"></script>
    <script type="text/javascript" src="js/Footlight_MT_Light_300.font.js"></script>

    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
		$(window).load(function() {
			//background
			var theWindow    = $(window),
	   		$bg              = $("#bg"),
	    	aspectRatio      = $bg.width() / $bg.height();	    			    		
			function resizeBg() {	
				if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
		    		$bg
		    		.removeClass()
		    		.addClass('bgheight');
				} else {
		    		$bg
		    		.removeClass()
		    	.addClass('bgwidth');
				}
					
			}                   			
			theWindow.resize(function() {
				resizeBg();
			}).trigger("resize");
			//
		});

		$(document).ready(function() {
			Cufon.replace('h1');
			Cufon.replace('#footer #right');
			Cufon.replace('#menu #item a');
			Cufon.replace('#assine');
			
			$("#menu #item").hover(function() {
				$(this).toggleClass('select');
				$(this).find('a').first().css('color','#FFF');
				$(this).find('#plus').text('-');
				Cufon.refresh();
			}, function() {
  				$(this).toggleClass('select'); 
  				$(this).find('a').first().css('color','#333');
  				$(this).find('#plus').text('+');
  				Cufon.refresh();
			});
			
			$("#menu #item").hover(function() {
				$(this).find('#submenu').fadeIn(200);
			},function() {
				$(this).find('#submenu').fadeOut(100);
			});
			
			$("#assine").click(function(){
				$("#news").toggle();
			});
			
			$('#conteudo').css('opacity','0');
		});
	</script>
</head>
<body>
	<img src="imagens/big_back_1.jpg" id="bg" alt="">
	<div id="wrap">
		<div id="linha"></div>
		<div id="container">
    	<div id="main">	
    	<div id="menu">
    		<div id="logo"><img src="imagens/logo.png" ></div>
    		<div id="item"><a>Início</a></div>
    		<div id="item"><a>Empresa</a></div>
    		<div id="item"><a>Produtos</a><div id="plus">+</div>
    			<div id="submenu">
    				<div id="item"><a>Cortinas</a></div>
    				<div id="item"><a>Persianas</a></div>
    				<div id="item"><a>Papéis de Parede</a></div>
    			</div>	
    		</div>
    		<div id="item"><a>Ambientes</a></div>
    	</div>
    	<div id="conteudo">
    		<h1>Empresa</h1>
    		<div class="linha"></div>
    		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla mollis neque in metus porta at rutrum mauris vulputate.</p>
    	</div>
    	</div>
    	</div>
    	<div id="news">
    		<input type="text" placeholder="Nome" ><br />
    		<input type="text" placeholder="E-mail" ><br />
    		<input type="text" placeholder="Profissão" ><br />
    	</div>	
    	<div id="assine"><div id="plus">+</div>Assine nossa news</div>
    </div>
    <div id="footer">
    	<div id="left">
    		<img src="imagens/tw.png">&nbsp;<img src="imagens/fb.png">
    	</div> 	
    	<div id="right">Telefone: (51) 3311-9909 - Avenida Cristovão Colombo, 1844 | Floresta | Porto Alegre | RS<br />Espaço Conceitus © 2012 - Todos os direitos reservados</div>
   	</div>
</body>
</html>